<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>10-其他获取dom元素的方式.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <div id="nav">id选择器</div>
    <p>这个是p标签</p>
    <div class="container">也是div container</div>
    <script>

      // 根据id来获取  一个dom
      // let nav = document.getElementById("nav");
      // console.log(nav)

      // 根据 标签名称 来获取dom元素   一组dom元素
      // let ps=document.getElementsByTagName("p");
      // console.log(ps);

      // 根据 类名来获取元素 一组元素
      // let divs = document.getElementsByClassName("container");
      // console.log(divs);
// 

      // 常用和方便 
      // 获取一个
      // document.querySelector("#nav")
      // document.querySelector("p")
      // document.querySelector(".container")

      // 获取一组
      // document.querySelectorAll


    </script>
  </body>
</html>
